<template>
  <div class="container">
    <div>
      <div><img src="../../assets/跳1.png" alt=""></div>
      <div>分站正常 <span style="color: aquamarine;">{{ count }}</span></div>
    </div>
    <div>
      <div><img src="../../assets/跳2.png" alt=""></div>
      <div>分站异常 <span style="color: red;">0</span></div>
    </div>
  </div>
</template>
<script>
import { FenZhanCount } from '../../https/api/user'
export default {
  data() {
    return {
      count: ''
    }
  },
  mounted() {
    this.FenZhanCount()
  },
  methods: {
    async FenZhanCount() {
      const res = await FenZhanCount()
      console.log('韩家湾分站数量left1', res);
      if (res && res.length > 0) {
        this.count = res.length

      }
    }
  }

}
</script>
<style lang="less" scoped>
.container {
  width: 100%;
  height: 100%;
  display: flex;

  >div {
    width: 50%;
    height: 100%;
    flex: 1;

    >div:nth-child(1) {
      width: 70%;
      height: 70%;
      margin: 0 auto;

      img {
        width: 100%;
        height: 100%;
        text-align: center;

      }
    }

    >div:nth-child(2) {
      width: 100%;
      text-align: center;
      color: white;

    }
  }
}
</style>
